{% extends "base/base.html" %}
{% block content %}

<!-- {% if noEnviado %} --> 
 	<div id="modalNoEnviado" class="modal hide fade in" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="false" style="display: block;">
		<div class="modal-header">
			<button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
			<h3 class="text-error">Hicimos algo mal...</h3>
		</div>
		<div class="modal-body">
			<p>Ocurrio un error al enviar sus comentarios. Por favor intentelo nuevamente</p>
		</div>
		<div class="modal-footer">
			<!-- <a href="#" class="btn btn-primary">Cerrar</a> -->
			<button type="button" class="btn btn-danger" data-dismiss="modal" aria-hidden="true">Cerrar</button>
		</div>
	</div>
<!-- {% endif %} -->

<div class="row-fluid">
	<div class="span7">
		<!-- Inicio formulario contacto -->
		<form id="contact-form" class="form-vertical well" action="/contactenos/" method="post">{% csrf_token %}
			<div class="control-group">
				<label class="control-label" for="nombre">Nombre</label>
				<div class="controls">
					<input class="input-xlarge" type="text" name="nombre" id="nombre" placeholder="Ingrese su nombre">
					<!--<span class="help-inline">Ingrese su nombre</span> -->
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="email">Email</label>
				<div class="controls">
					<input class="input-xlarge" type="text" name="email" id="email" placeholder="Direcci&#243;n de correo electr&#243;nico">
					<!--<div class="input-prepend">
						<span class="add-on"><i class="icon-envelope"></i></span>
						<input class="input-xlarge" type="text" name="email" id="email" placeholder="Direccion de correo electronico">
					</div>-->
				</div>
			</div>
			<div class="control-group">
				<label class="control-label" for="comentarios">Comentarios</label>
				<div class="controls">
					<textarea rows=8 class="span12" name="comentarios" id="comentarios" placeholder="Ingrese aqu&#237; sus comentarios..."></textarea> 
				</div>
			</div>
			<div class="control-group">
				<div class="controls">
					<label class="checkbox">
						<input type="checkbox" name="copia" id="copia"> Enviar copia a mi email
					</label>
				</div>
			</div> 
			<div class="control-group">
				<div class="controls">
					<button type="submit" class="btn btn-primary pull-right" id="enviar" name="enviar" data-loading-text="Enviando..." data-complete-text="Enviado =)">
						&nbsp;&nbsp;Enviar&nbsp;&nbsp;
					</button>
				</div>
			</div>
			<br>
		</form>
		<!-- Fin formulario contacto -->
	</div>
	<div class="span5">
		<!-- <img src="{{STATIC_URL}}img/contactenos/contactenosVerde.png" alt="Cont&#225;ctenos" class="img-polaroid">
		<br><br> -->
		<p class="pull-right">
			<strong>Direcci&#243;n:</strong>
			Calle 5 sur 8912-A, Col. Jard&#237;n - Puebla, Pue
		</p>
		<p class="pull-right">
			<strong>Tel&#233;fonos:</strong>
			<abbr title="Local">(222) 217.70.76</abbr> -
			<abbr title="Celular">2221.81.86.48</abbr> 
		</p>
		<p class="pull-right">
			<strong>Email:</strong>
			informes@victoriaseventos.com
		</p>
		<!-- <hr>
		<iframe width="380" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="https://maps.google.com.mx/maps?q=Calle+5+sur+8912-A,+Col.+Jard%C3%ADn+-+Puebla,+Pue&amp;ie=UTF8&amp;hq=&amp;hnear=5+Sur+8912,+Heroica+Puebla+de+Zaragoza,+Puebla&amp;gl=mx&amp;vector=1&amp;t=m&amp;ll=18.998423,-98.227086&amp;spn=0.014202,0.018239&amp;z=15&amp;output=embed"></iframe><br />
		-->
		<div style="height:362px; width:380px" id="example"></div>
	</div>
</div>

{% endblock %}